div#header {
    margin: 1em 5em 2em 5em; 
    padding: 10px;
    text-align: center;
    color: black; 
    font-family: Optima, Futura, Arial, sans-serif; 
    border: solid #963;
}

div#toc {
    margin: 1em 5em 2em 5em; 
    padding: 10px;
    font-family: Optima, Futura, Arial, sans-serif; 
    border: solid #963;
    font-size: 110%;
    line-height: 1.3;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
}

div#body {
    margin: 4em 5em 10em 5em; 
    padding: 10px;
    color: black; 
    font-family: Optima, Futura, Arial, sans-serif; 
    border: solid #963;
}

div#body p {
    margin: 0 1em 1em;
    padding: 0;
    line-height: 1.3;
}

/*
h1 {margin: 0.5em -4px 0.5em;
    padding: 0.33em 0 0.167em;
    font: bold 200% sans-serif;
    vertical-align: middle;
    color: #024; letter-spacing: 0.5em;
    text-transform: lowercase;
}
*/

dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}

div#body a:link {color: blue;}
div#body a:visited {color: purple;}
div#body a:link:hover {color: red;}
div#body a:visited:hover {color: maroon;}

code, pre {
    color: black;
    font-family: monospace;
}

code {
    font-size: 110%;
}

body {background: white url(../images/glassy-bg.jpg) 0 0 no-repeat fixed;}

div#title {
    background: #CCC url(../images/glassy-gray.jpg) 0 0 no-repeat fixed;
    border: 1px solid gray;
    padding: 0.5em 1em 0.25em;
}

div#body {
    background: white url(../images/glassy-ripple.jpg) 0 0 no-repeat fixed;
}

div#body h1 {
    background: #CCC url(../images/glassy-gray.jpg) 0 0 no-repeat fixed;
    border: 1px solid gray;
    padding: 0.5em 1em 0.25em;
}
div#body h2 {
    background: #CBB196 url(../images/glassy-tan.jpg) 0 0 no-repeat fixed;
    color: white;
    padding: 0.5em;
    margin: 0 -12px 0.5em;
    border-color: #963;
    border-width: 1px 0;
    border-style: solid;
}

